<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/茶叶.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>

<body>
    <div class="head">
        <div class="logo"><img src="../img/首页logo.webp" alt=""></div>
        <div class="nav">
            <ul>
                <li>
                    <a href="../view/首页.html">
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="../view/关于.html">
                        <span>关于
                        </span></a>
                </li>
                <li>
                    <a href="../view/茶叶.html">
                        <span>茶叶
                            <hr>
                        </span></a>
                </li>
                <li>
                    <a href="../view/基地.html">
                        <span>基地
                        </span></a>
                </li>
                <li>
                    <a href="../view/新闻.html">
                        <span>新闻
                        </span></a>
                </li>
                <li>
                    <a href="../view/联系.html">
                        <span>联系
                        </span></a>
                </li>
            </ul>
        </div>
        <div class="sreach">
            <ul>
                <li>
                    <a href="">
                        <span class="iconfont" style="font-size: 32px;">&#xe7ad;</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont">&#xe60c;</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span class="iconfont" style="font-size: 26px;">&#xe628;</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="submit">
        <span style="font-size: 30px;">茶叶</span>
        <span>
            <a href="">全部</a>
            <a href="">绿茶</a>
            <a href="">黄茶</a>
            <a href="">乌龙茶</a>
            <a href="">红茶</a>
            <a href="">黑茶</a>
            <a href="">白茶</a>
            <a href="">花茶</a>
        </span>
    </div>
    <div class="main">
        <ul>
            <ul>
                <li>
                    <img src="../img/首页茉莉花茶.webp" alt="">
                    <span>
                        茉莉花茶
                        <hr>
                    </span>
                    <p>¥223.0</p>
                </li>
                <li>
                    <img src="../img/首页白牡丹.webp" alt="">
                    <span>
                        白牡丹
                        <hr>
                    </span>
                    <p>¥1223.0</p>
                </li>
                <li>
                    <img src="../img/首页白毫银针.webp" alt="">
                    <span>
                        白毫银针
                        <hr>
                    </span>
                    <p>¥258.0</p>
                </li>
                <li>
                    <img src="../img/首页云南普洱茶.webp" alt="">
                    <span>
                        云南普洱茶
                        <hr>
                    </span>
                    <p>¥503.0</p>
                </li>
                <li>
                    <img src="../img/首页湖北老青茶.webp" alt="">
                    <span>
                        湖北老青茶
                        <hr hr>
                    </span>
                    <p>¥423.0</p>
                </li>
                <li>
                    <img src="../img/首页霍山黄芽蒙洱银针.webp" alt="">
                    <span>
                        霍山黄芽蒙洱银针
                        <hr>
                    </span>
                    <p>¥723.0</p>
                </li>
                <li>
                    <img src="../img/首页白毫银针.webp" alt="">
                    <span>
                        白毫银针
                        <hr>
                    </span>
                    <p>¥258.0</p>
                </li>
                <li>
                    <img src="../img/首页云南普洱茶.webp" alt="">
                    <span>
                        云南普洱茶
                        <hr>
                    </span>
                    <p>¥503.0</p>
                </li>
                <li>
                    <img src="../img/首页湖北老青茶.webp" alt="">
                    <span>
                        湖北老青茶
                        <hr hr>
                    </span>
                    <p>¥423.0</p>
                </li>
                <li>
                    <img src="../img/首页霍山黄芽蒙洱银针.webp" alt="">
                    <span>
                        霍山黄芽蒙洱银针
                        <hr>
                    </span>
                    <p>¥723.0</p>
                </li>
            </ul>
        </ul>
    </div>
    <div class="foot"></div>
    

</body>

</html>